ASPCourseSite
ASPNETCourseContent
ProjectOrientedSessions
Session08
SeatGenerator
PY
Session08 Backend
Session08 Frontend
index

Session08 Frontend

✅ Frontend Profile Page Implementation Checklist

⚙️ Tooling & Fixes

  • Install and configure react-hook-form

🔐 Account & Authentication

  • Use Axios request interceptor to:
    • Attach token to requests
    • Handle logout logic

API

  • Provide a method for each new endpoint implemented in backend

🗂️ Additional Profile Tabs (initial setup)

  • Add empty pages/tabs for:
    • ProfileSummary
    • MyTravels
    • ListOfTravelers
    • Favorites
      • Support
      • MyTransactions
  • Implement ProfilePage component
  • Create prototype of ProfilePage and integrate with navbar. (Create a button or link to access ProfilePage, only when user is logged in)
  • Define and adjust routes for profile and its tabs
  • Implement route-based tab handling inside ProfilePage

Profile Summary

📦 DTOs / Models

  • Add models for:
    • EditEmailDto
    • EditPasswordDto
    • PersonDto
    • ProfileDto
    • UpsertBankAccountDetailDto
  • Implement the process of showing and editing the data

🧍 List of Travelers

  • Implement ListOfTravelers page for showing, editing, and adding new people

💳 Transactions Module

  • Add TransactionDto model
  • Implement MyTransactions page

🚆 Travel Module

  • Add TicketOrderSummaryDto, TravelerTicketDto models
  • Implement MyTravels page
  • Implement TravelOrderDetailsPage
Table Of Contents
Session08 Frontend
✅ Frontend Profile Page Implementation Checklist
⚙️ Tooling & Fixes
🔐 Account & Authentication
API
🗂️ Additional Profile Tabs (initial setup)
Profile Summary
📦 DTOs / Models
🧍 List of Travelers
💳 Transactions Module
🚆 Travel Module